<nz-spin [nzSize]="'large'" [nzSpinning]="isSpinning" nzTip="{{'processing' | translate}}">
    <div class="login">
        <div class="language_list">
            <nz-dropdown nzPlacement="bottomRight" style="display:inline-block;">
                <div nz-dropdown style="color: white;height: 100%;cursor: default;">
                    {{'Translations' | translate}}
                    <i class="anticon anticon-down"></i>
                </div>
                <ul nz-menu style="margin-top: -4px;" class="login-info-dd">
                    <li *ngFor="let item of languageList" nz-menu-item title="{{item.name}}">
                        <a (click)="languageChange(item)">{{item.name}}</a>
                    </li>
                </ul>
            </nz-dropdown>&nbsp;&nbsp;
            <a (click)="help()" style="color:#fff;">{{'help' | translate}}</a>
        </div>
        <div class="loginArea">
            <div class="logTitle">
                <h2  class="wt_600" style="text-align: left;line-height: 30px;">{{'ele_syst_eas' | translate}}</h2>
            </div>
            <form nz-form  class="login-form" (ngSubmit)="submitForm()">
<!--                <nz-form-item>-->
<!--                    <nz-form-label   nzSpan="8" nzFor="device">{{'dev_type' | translate}}</nz-form-label>-->
<!--                    <nz-form-control nzSpan="16">-->
<!--                        <nz-select name="device"  [(ngModel)]="selectDevice">-->
<!--                            <nz-option *ngFor="let item of deviceList" [nzValue]="item.value" [nzLabel]="item.name"></nz-option>-->
<!--                        </nz-select>-->
<!--                    </nz-form-control>-->
<!--                </nz-form-item>-->
                <button nz-button class="login-form-button" [nzType]="'primary'">{{'connect' | translate}}</button>
            </form>
        </div>
    </div>
</nz-spin>
